/* constant */
@rem: 25rem;

.container {
  overflow: hidden;
  background: #FFFFFF;
  font-size: 12/@rem;

  // 标签栏
  .tab-bar{
    border: 1/@rem solid #20AD20;
    display: flex;
    margin: 10/@rem;
    border-radius: 5/@rem;
    overflow: hidden;
    .tab-item{
      flex: 1;
      padding: 10/@rem 0;
    }
    .active{
      background: #20AD20;
      color: #FFFFFF;
    }
  }

  // 标签内容
  .tab-content{
    overflow: hidden;

    // 信息内容
    .info-group{
      border-bottom: 1/@rem solid #ddd;
      .info-group-item{
        display: flex;
        .info{
          flex: 1;
          border-right: 1/@rem solid #ddd;
          margin: 5/@rem 0;
          h3,p{
            margin: 5/@rem 0;
          }
          h3{
            font-size: 12/@rem;
          }
          p{
            color: #49cbfa;
          }
        }
        .info:last-child{
          border: none;
        }
      }
    }
  }

  // 图表
  .chart-group{
    border-bottom: 1/@rem solid #ddd;
    text-align: left;
    .title{
      padding: 0 10/@rem;
      h3{
        margin: 10/@rem 0;
        font-size: 15/@rem;
      }
    }
  }

}
